import Vue from 'vue'
// 注册全局指令
Vue.directive('imgerror', {
  inserted(el, options) {
    // 多一个逻辑, 不仅仅是图片读取报错要覆盖默认地址
    // 如果 src 不存在也要覆盖默认地址
    el.src = el.src || options.value

    el.onerror = function() {
      // 一旦当前 img 出错
      // 就将调用指令时传入的图片, 替换掉当前 src 修复图片
      el.src = options.value
    }
  },
  componentUpdated(el, options) {
    el.src = el.src || options.value
  }
})
